<template>
	<view v-if="myMsg" style="width: 100%;display: flex;padding: 20rpx;flex-direction: row-reverse;">
		<image :src="$store.state.user.user.avatar" style="width: 80rpx;height: 80rpx;border-radius: 8rpx;" mode=""></image>
		<image src="/static/images/ysj.png" style="width: 30rpx;height: 30rpx;margin-top: 25rpx;" mode=""></image>
		<view style="word-break: break-all;word-wrap: break-word; background: #8bd7ff;max-width: 50%;padding: 15rpx;font-size: 26rpx;border-radius: 8rpx;min-height: 80rpx;display: flex;align-items: center;">
			<image :src="`/static/images/emoji/EMOJI-${content.replace(`__emoji__`,``)}.png`" style="width: 50rpx;height: 50rpx;" mode=""></image>
		</view>
	</view>
	<view v-else style="width: 100%;display: flex;padding: 20rpx;">
		<image :src="$store.state.gchat.group[group_id].members.find(e=>e.id == user_id).avatar" style="width: 80rpx;height: 80rpx;border-radius: 8rpx;" mode=""></image>
		<image src="/static/images/zsj.png" style="width: 30rpx;height: 30rpx;margin-top: 25rpx;" mode=""></image>
		<view style="word-break: break-all;word-wrap: break-word;background: white;max-width: 50%;padding: 15rpx;font-size: 26rpx;border-radius: 8rpx;min-height: 80rpx;display: flex;align-items: center;">
			<image :src="`/static/images/emoji/EMOJI-${content.replace(`__emoji__`,``)}.png`" style="width: 50rpx;height: 50rpx;" mode=""></image>
		</view>
	</view>
</template>
 
<script>
	export default {
		name:"gmsgEmojiItem",
		data(){
			return {
				
			}
		},
		props:{
			content:{
				type:String | Number,
				default:""
			},
			myMsg:{
				type:Boolean,
				default:false
			},
			user_id:{
				type:Number,
				default:0
			},
			group_id:{
				type:Number,
				default:0
			}
		}
	}
</script>

<style>
</style>